<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收藏夹</title>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="{$Think.const.CSS_URL}favor.css"  rel="stylesheet" type="text/css">
    <script type="text/javascript" src="{$Think.const.JS_URL}jquery-2.2.3.min.js"></script>
</head>
<body>
    <volist name = "favorInfo" id ="goods">
        <div class ="item shadow" id="{$i}" onmouseover="addTrash(this.id);" onmouseout="delTrash(this.id);">
            <img src="{$goods.img1}"></br>
            <a href ="__MODULE__/Goods/single?p_id={$goods.p_id}" target="_blank">{$goods.p_name}</a>
            <a href="__MODULE__/Goods/favor?type=del&p_id={$goods.p_id}&u_id={$Think.session.u_id}" class="hidden" id="{$i}a">
                <span class = "glyphicon glyphicon-trash" style="color: #CCCCCC;padding-left: 10px"></span>
            </a>
        </div>
    </volist>
    <ul class="pagination">
        {$page}
    </ul>
</body>
</html>
<script>
    function addTrash(id){
        $("#"+id+"a").removeClass("hidden");
    }
    function delTrash(id){
        $("#"+id+"a").addClass("hidden");
    }
</script>